var layer;

var job;
var salary;
var city;
var area;

var relationOneId;
var relationTwoId;


$(function() {
	layui.use('layer', function() {
		layer = layui.layer;
	});

	getUserInfo();

	getListAddress(null);

	getListRelation();


	$("#parentList").change(function(e) {
		if ($("#parentList").val() == '') {
			$("#childList").empty();
		} else {
			getListAddress($("#parentList").val());
		}
	})
})

function getListRelation() {
	$.ajax({
		type: "get",
		url: "http://localhost:8810/loan/app/relation/getList",
		dataType: "json",
		async: false,
		//这里是重点
		beforeSend: setHeader,
		success: function(data) {
			if (data.code == 0) {
				$.each(data.list, function(index, item) {
					if (index == 0) {
						relationOneId = item.relationId;
						$("#oneUserName").val(item.userName);
						$("#oneUserPhone").val(item.userPhone);
					} else {
						relationTwoId = item.relationId;
						$("#twoUserName").val(item.userName);
						$("#twoUserPhone").val(item.userPhone);
					}
				});
			}
		},
		error: function(error) {
			layer.msg(error.message);
		}
	})
}

function getUserInfo() {
	$.ajax({
		type: "get",
		url: "http://localhost:8810/loan/app/user/userInfo",
		dataType: "json",
		async: false,
		//这里是重点
		beforeSend: setHeader,
		success: function(data) {
			var userEntity = data.data.user;
			job = userEntity.vocationId;
			salary = userEntity.salary;
			city = userEntity.cityId;
			area = userEntity.areaId;
			$("#addressDetail").val(userEntity.address);
			$("#companyName").val(userEntity.companyName);
			$("#companyAddr").val(userEntity.companyAddr);
			$("#companyPhone").val(userEntity.companyAddr);
			getListAddress(city);
			getInfoType('job');
			getInfoType('salary');
			getInfoType('relation');
		},
		error: function(error) {
			layer.msg(error.message);
		}
	})
}

function getListAddress(id) {
	$.ajax({
		type: "get",
		url: "http://localhost:8810/loan/app/address/getList",
		data: {
			parentId: id
		},
		async: false,
		dataType: "json",
		//这里是重点
		beforeSend: setHeader,
		success: function(data) {
			if (data.code == 0) {
				if (!id) {
					$("#parentList").empty();
					$("#parentList").append('<option value="" class="scvbn"></option>');
					$.each(data.list, function(index, item) {
						console.log("city:" + city);
						if (city == item.id) {
							$("#parentList").append('<option value="' + item.id + '" class="scvbn" selected="selected">' + item.name +
								'</option>');
						} else {
							$("#parentList").append('<option value="' + item.id + '" class="scvbn">' + item.name + '</option>');
						}
					})
				} else {
					$("#childList").empty();
					$.each(data.list, function(index, item) {
						if (area == item.id) {
							$("#childList").append('<option value="' + item.id + '" class="scvbn" selected="selected">' + item.name +
								'</option>');
						} else {
							$("#childList").append('<option value="' + item.id + '" class="scvbn">' + item.name + '</option>');
						}
					})
				}
			}
		},
		error: function(error) {
			layer.msg(error.message);
		}
	})
}

function getInfoType(type) {
	$.ajax({
		type: "get",
		url: "http://localhost:8810/loan/app/dict/getList",
		data: {
			type: type
		},
		dataType: "json",
		//这里是重点
		beforeSend: setHeader,
		success: function(data) {
			if (type == 'job') {
				if (data.code == 0) {
					$("#jobList").empty();
					$("#jobList").append('<option value="" class="scvbn"></option>');
					$.each(data.list, function(index, item) {
						if (job == item.dictValue) {
							$("#jobList").append('<option value="' + item.dictValue + '" selected="selected" class="scvbn">' + item.dictLabel +
								' </option>');
						} else {
							$("#jobList").append('<option value="' + item.dictValue + '" class="scvbn">' + item.dictLabel +
								' </option>');
						}
					})
				}
			} else if (type == 'salary') {
				if (data.code == 0) {
					$("#salaryList").empty();
					$("#salaryList").append('<option value="" class="scvbn"></option>');
					$.each(data.list, function(index, item) {
						if (salary == item.dictValue) {
							$("#salaryList").append('<option value="' + item.dictValue + '" selected="selected" class="scvbn">' + item.dictLabel +
								' </option>');
						} else {
							$("#salaryList").append('<option value="' + item.dictValue + '" class="scvbn">' + item.dictLabel +
								' </option>');
						}
					})
				}
			} else if (type == 'relation') {
				if (data.code == 0) {
					$("#relationOneList").empty();
					$("#relationOneList").append('<option value="" class="scvbn"></option>');
					$("#relationTwoList").empty();
					$("#relationTwoList").append('<option value="" class="scvbn"></option>');
					$.each(data.list, function(index, item) {
						console.log(relationOneId);
						if (relationOneId == item.dictValue) {
							$("#relationOneList").append('<option value="' + item.dictValue + '" class="scvbn" selected="selected">' +
								item.dictLabel +
								' </option>');
						} else {
							$("#relationOneList").append('<option value="' + item.dictValue + '" class="scvbn">' + item.dictLabel +
								' </option>');
						}
						if (relationTwoId == item.dictValue) {
							$("#relationTwoList").append('<option value="' + item.dictValue + '" class="scvbn" selected="selected">' +
								item.dictLabel +
								' </option>');
						} else {
							$("#relationTwoList").append('<option value="' + item.dictValue + '" class="scvbn">' + item.dictLabel +
								' </option>');
						}
					})
				}
			}
		},
		error: function(error) {
			layer.msg(error.message);
		}
	})
}

function submit() {
	var userRelationForm = [];

	var parentAddr = $("#parentList").val();
	var childAddr = $("#childList").val();
	var addressDetail = $("#addressDetail").val();
	var jobId = $("#jobList").val();
	var salaryId = $("#salaryList").val();
	var companyName = $("#companyName").val();
	var companyAddr = $("#companyAddr").val();
	var companyPhone = $("#companyPhone").val();
	var relationIdOne = $("#relationOneList").val();
	var oneUserName = $("#oneUserName").val();
	var oneUserPhone = $("#oneUserPhone").val();
	var relationIdTwo = $("#relationTwoList").val();
	var twoUserName = $("#twoUserName").val();
	var twoUserPhone = $("#twoUserPhone").val();
	var obj1 = {relationId:relationIdOne,userName:oneUserName,userPhone:oneUserPhone}
	var obj2 = {relationId:relationIdTwo,userName:twoUserName,userPhone:twoUserPhone};
	userRelationForm.push(obj1);
	userRelationForm.push(obj2);


	if ($.trim(parentAddr) == '') {
		layer.msg("Vui lòng chọn Tỉnh/thành phố is null");
		return false;
	}
	if ($.trim(childAddr) == '') {
		layer.msg("Vui lòng chọn Quận/Huyện is null");
		return false;
	}
	if ($.trim(addressDetail) == '') {
		layer.msg("Vui lòng điền địa chỉ cụ thể is null");
		return false;
	}
	if ($.trim(jobId) == '') {
		layer.msg("Vui lòng chọn ngành nghề is null");
		return false;
	}
	if ($.trim(salaryId) == '') {
		layer.msg("Thu nhập hàng tháng của bạn bao nhiêu is null");
		return false;
	}
	if ($.trim(companyName) == '') {
		layer.msg("Vui lòng điền tên công ty is null");
		return false;
	}
	if ($.trim(companyAddr) == '') {
		layer.msg("Vui lòng điền địa chỉ công ty is null");
		return false;
	}
	if ($.trim(companyPhone) == '') {
		layer.msg("Số điện thoại tại nơi làm việc is null");
		return false;
	}

	if ($.trim(relationIdOne) == '') {
		layer.msg("Mối quan hệ với người tham chiếu is null");
		return false;
	}
	if ($.trim(oneUserName) == '') {
		layer.msg("Tên của người tham chiếu is null");
		return false;
	}
	if ($.trim(oneUserPhone) == '') {
		layer.msg("Số điện thoại của người tham chiếu is null");
		return false;
	}

	if ($.trim(relationIdTwo) == '') {
		layer.msg("Mối quan hệ với người tham chiếu is null");
		return false;
	}
	if ($.trim(twoUserName) == '') {
		layer.msg("Tên của người tham chiếu is null");
		return false;
	}
	if ($.trim(twoUserPhone) == '') {
		layer.msg("Số điện thoại của người tham chiếu is null");
		return false;
	}

	var param = {
		cityId: parentAddr,
		areaId: childAddr,
		address: addressDetail,
		vocationId: jobId,
		salary: salaryId,
		companyName: companyName,
		companyAddr: companyAddr,
		companyPhone: companyPhone,
		userRelationList: userRelationForm,

	}
	$.ajax({
		url: 'http://localhost:8810/loan/app/apply/saveTwo',
		type: 'post',
		contentType: 'application/json',
		data: JSON.stringify(param),
		beforeSend: setHeader,
		success: function(data) {
			if (data.code == 0) {
				window.location.href = "grzx3.html";
			} else {
				layer.msg(data.msg);
			}
		}
	});
}
